.grid{
	display: grid;
	grid-template-columns: repeat(9, 30px);
	grid-template-rows: repeat(9, 30px);
}

.bgc-e{
	background-color: #eeeeee;
}

.flex{
	display: flex;
	flex: 1;
}

  /*手机*/
  @media screen and (max-width:600px) {
  	.flex {
		flex-direction: column;
		align-content: center;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: nowrap;
		height: 80vh;
  	}
	.grid{
	grid-template-columns: repeat(9, 20px);
	grid-template-rows: repeat(9, 20px);
	}
  }
